<template>
    <div class="resume">

        <p>吴延云 个人网站</p>
        <p>此页面仅做 个人简历使用，不公开</p>
        <p>请勿转载</p>
        
        <p>速纺 PC网站 个性化3D定制项目</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/sfvideo1.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <p>速纺 微信公众号 个性化3D定制项目</p>
        <video width="480" height="720" controls>
            <source :src="_src + '/video/msf1.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <p>速纺 win/mac桌面应用 个性化3D定制项目</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/sfvideo3.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <p>markink 响应式PC端 AE特效网站制作</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/sfvideo2.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <p>markink 响应式移动端 AE特效网站制作</p>
        <video width="480" height="720" controls>
            <source :src="_src + '/video/markink1.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <p>晨曦网络 微信小程序开发</p>
        <video width="480" height="720" controls>
            <source :src="_src + '/video/mchenxi.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br/>
        <br>
        <br>
        <br>
        
        <p>晨曦还有其他APP嵌入页制作</p>
        <p>复杂图表D3.js制作开发等等</p>
        <p>因为离职了的关系，没有权限访问到，下面放一些代码块</p>


        <div class="imgs">
            <img :src="_src + './images/resume/v1.png'" alt="v1">
            <br>
            <img :src="_src + './images/resume/v2.png'" alt="v2">
            <br>
            <img :src="_src + './images/resume/v3.png'" alt="v3">
        </div>

        <br><br>
        <p>五维集团PC管理平台，用的Angular2~+material</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/wlypc.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <p>五维集团APP平台开发，用的Angular2~+ionic</p>
        <video width="480" height="720" controls>
            <source :src="_src + '/video/wlyapp.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <p>还有一堆相关小程序和配套报表就不展示了</p>
        <br>
        <br>


        <p>云格数字做nodejs后端开发,eggjs+mongodb+vue</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/ygszpc.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>

        <br>
        <br>
        <p>辞职的时候给朋友店里做的一个项目eggjs+mongodb+vue+element-ui</p>
        <video width="980" height="624" controls>
            <source :src="_src + '/video/ltgpc.mp4'" type="video/mp4">
            您的浏览器不支持video标签。
        </video>
        <br>
        <br>
    </div>
</template>

<script>
export default {
    name: "resumeComponents",
    data() {
        return {
            _src: ''
        }
    },
    created() {
        location.origin === 'http://localhost:8080'? this._src = '//localhost:80/': this._src = '//www.miao-wu.cn/';
        console.log(this._src);
    },
}
</script>

<style lang="scss">
 .resume {
     color: blue;
     font-size: 24px;
     .video {
         width: 200px;
         height: 200px;
     }
     .imgs {
         width: 100%;
         img {
             width: 100%;
         }
     }
 }
</style>
